<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item>
                <img src="/images/周年.jpg" alt="">
            </mt-swipe-item>
            <mt-swipe-item>
                 <img src="/images/炸鸡.jpg" alt="">
            </mt-swipe-item>
            <mt-swipe-item>
                 <img src="/images/宣传教育.jpg" alt="">
            </mt-swipe-item>
        </mt-swipe>
    </div>

</template>

<script>
export default {
    
}
</script>

<style lang="scss" scoped>
    .mint-swipe{
    height:200px;
    .mint-swipe-item{
        // &:nth-child(1){
        //     background:red
        // };
        //  &:nth-child(2){
        //     background:green
        // };
        //  &:nth-child(3){
        //     background:pink
        // }
        img{
            width:100%;
            height:100%;
        }
    }  
}


</style>